<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <link rel="shortcut icon" href="images/dzlogo.ico" />
    <title>兄弟科技</title>
    <meta name="keywords" content="兄弟科技" />
    <meta name="description" content="兄弟科技" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/smoothScroll.js"></script>
    <script src="js/index.js"></script>
    <script>
    if (navigator.appName == 'Microsoft Internet Explorer' && (navigator.appVersion.match(/7./i) == '7.' || navigator.appVersion.match(/8./i) == '8.' || navigator.appVersion.match(/9./i) == '9.')) {
        self.location.href = 'ie/ie.html'
    }
    </script>
</head>

<body>
    <!--  / header  -->
    <div class="header hidden-xs">
        <div class="header_top clearfix">
            <div class="logo"><a href="index.html"><img src="images/logo.png" alt="" width="100%"></a></div>
            <!--<div class="home"><a href="index.html"><img style="margin-top: 10px;" src="images/home.png" alt="" width="100%"></a></div>-->
            <div class="phone">
                <h3>
        <span>股票代码：<i>002562</i></span>|
        <span>热线电话：<i>0573-87006612</i></span>
      </h3>
            </div>
        </div>
        <div class="header_bot">
            <ul class="clearfix">
                <li><a href="index.html">首页</a></li>
                <li>
                    <a href="about.html">关于我们</a>
                    <div class="nav_list">
                        <div class="nav_top clearfix">
                            <div class="som_nav">
                                <h3><span></span>“兄弟创造美好生活”</h3>
                            </div>
                        </div>
                        <div class="nav_bot clearfix">
                            <div class="nav_left nav_left1">
                                <h3>兄弟科技</h3>
                            </div>
                            <div class="nav_menu">
                                <ul class="nav_type clearfix">
                                    <li>
                                        <a href="about.html#gsjj">公司介绍</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="about.html#jdjj">基地介绍</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="about.html#fzlc">发展历程</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="about.html#qywh">企业文化</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="about.html#ryzz">荣誉资质</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="product.html">产品与服务</a>
                    <div class="nav_list">
                        <div class="nav_top clearfix">
                            <div class="som_nav">
                                <h3><span></span>“兄弟创造美好生活”</h3>
                            </div>
                        </div>
                        <div class="nav_bot clearfix">
                            <div class="nav_left nav_left1">
                                <h3>兄弟科技</h3>
                            </div>
                            <div class="nav_menu">
                                <ul class="nav_type clearfix">
                                    <li>
                                        <a href="product.html#wss">维生素事业部</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="product.html#pihua">皮化事业部</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="product.html#xiangliao">原料药事业部</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="product.html#xiangliao">香料事业部</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="product.html#mggs">制剂事业部</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="develop.html">可持续发展</a>
                    <div class="nav_list">
                        <div class="nav_top clearfix">
                            <div class="som_nav">
                                <h3><span></span>“兄弟创造美好生活”</h3>
                            </div>
                        </div>
                        <div class="nav_bot clearfix">
                            <div class="nav_left nav_left1">
                                <h3>兄弟科技</h3>
                            </div>
                            <div class="nav_menu">
                                <ul class="nav_type clearfix">
                                    <li>
                                        <a href="develop.html">安全管理</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="develop.html">环保管理</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="develop.html">研发创新</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="develop.html">质量管理</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="develop.html">社会责任与公益</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="culture.html">投资者关系</a>
                    <div class="nav_list">
                        <div class="nav_top clearfix">
                            <div class="som_nav">
                                <h3><span></span>“兄弟创造美好生活”</h3>
                            </div>
                        </div>
                        <div class="nav_bot clearfix">
                            <div class="nav_left nav_left1">
                                <h3>兄弟科技</h3>
                            </div>
                            <div class="nav_menu">
                                <ul class="nav_type clearfix">
                                    <li>
                                        <a href="culture.html#tzzgx">公司公告</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="culture.html#tzzgx">投资者互动</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="culture.html#lxwm">联系我们</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="resources.html">人力资源</a>
                    <div class="nav_list">
                        <div class="nav_top clearfix">
                            <div class="som_nav">
                                <h3><span></span>“兄弟创造美好生活”</h3>
                            </div>
                        </div>
                        <div class="nav_bot clearfix">
                            <div class="nav_left nav_left1">
                                <h3>兄弟科技</h3>
                            </div>
                            <div class="nav_menu">
                                <ul class="nav_type clearfix">
                                    <li>
                                        <a href="resources.html#zyfz">职业发展</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="resources.html#xlfz">训练与发展</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="resources.html#zwzp">职位招聘</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                    <li>
                                        <a href="resources.html#ygfc">员工风采</a>
                                        <img src="images/arrows_1.png" alt="">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--  / header  -->
    <!--  / 移动端  -->
    <header class="phone visible-xs">
        <div class="headerbg">
            <div class="menu_box">
                <div class="container">
                    <div class="logo_boxlist"><a href="index.html"><img src="images/logo.png" style=" width:100%;"></a></div>
                    <div class="containeritem">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" aria-expanded="false"><span class="sr-only"></span>
                                <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                        </div>
                        <div class="collapse navbar-collapse" id="header-nav">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="product.html">产品与服务</a></li>
                                <li><a href="develop.html">可持续发展</a></li>
                                <li><a href="resources.html">投资者关系</a></li>
                                <li><a href="culture.html">人力资源</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <nav></nav>
        </div>
    </header>
    <!--  / 移动端  -->
    <!--  / banner  -->
    <div class="banner">
        <img src="images/threeBases_banner.jpg" alt="">
    </div>
    <!--  / banner  -->
    <!--  / warpper  -->
    <div class="warpper">
        <div class="threeBases_sec1">
            <div class="common_tit">
                <h3>三大基地</h3>
                <p>最新的新闻资讯 实时更新 时时关注 与您共享</p>
            </div>
            <div class="threeBases_sec1_box hidden-xs">
                <ul class="threeBases_sec1_list clearfix">
                    <li class="active">
                        <h6>Jiu Jiang</h6>
                        <p><span>九江</span> 基地</p>
                        <div class="line"></div>
                    </li>
                    <li>
                        <h6>Hai Ning</h6>
                        <p><span>海宁</span> 基地</p>
                        <div class="line"></div>
                    </li>
                    <li>
                        <h6>Da Feng</h6>
                        <p><span>大丰</span> 基地</p>
                        <div class="line"></div>
                    </li>
                </ul>
                <div class="threeBases_con">
                    <div class="threeBases_content active">
                        <div class="swiper-container threeBases_sec1_swiper threeBases_sec_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img01.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img02.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img01.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="threeBases_sec1_swiper_prev threeBases_sec_swiper_prev"><img src="images/threeBases_sec1_swiper_prev.png" alt="" /></div>
                        <div class="threeBases_sec1_swiper_next threeBases_sec_swiper_next"><img src="images/threeBases_sec1_swiper_next.png" alt="" /></div>
                        <div class="swiper-pagination threeBases_sec1_swiper-pagination threeBases_sec_swiper-pagination"></div>
                    </div>
                    <div class="threeBases_content">
                        <div class="swiper-container threeBases_sec1_swiper2 threeBases_sec_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img03.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img02.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img03.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="threeBases_sec1_swiper_prev2 threeBases_sec_swiper_prev"><img src="images/threeBases_sec1_swiper_prev.png" alt="" /></div>
                        <div class="threeBases_sec1_swiper_next2 threeBases_sec_swiper_next"><img src="images/threeBases_sec1_swiper_next.png" alt="" /></div>
                        <div class="swiper-pagination threeBases_sec1_swiper-pagination2 threeBases_sec_swiper-pagination"></div>
                    </div>
                    <div class="threeBases_content">
                        <div class="swiper-container threeBases_sec1_swiper3 threeBases_sec_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img02.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img01.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img02.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="threeBases_sec1_swiper_prev3 threeBases_sec_swiper_prev"><img src="images/threeBases_sec1_swiper_prev.png" alt="" /></div>
                        <div class="threeBases_sec1_swiper_next3 threeBases_sec_swiper_next"><img src="images/threeBases_sec1_swiper_next.png" alt="" /></div>
                        <div class="swiper-pagination threeBases_sec1_swiper-pagination3 threeBases_sec_swiper-pagination"></div>
                    </div>
                </div>
            </div>
            <div class="threeBases_sec1_box visible-xs">
                <div class="threeBases_sec1_box_container clearfix">
                    <div class="threeBases_sec1_box_title">
                        <h6>Jiu Jiang</h6>
                        <p>九江基地</p>
                        <div class="line"></div>
                    </div>
                    <div class="threeBases_sec1_box_content">
                        <div class="swiper-container threeBases_sec1_swiper threeBases_sec_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img01.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img02.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img01.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-pagination threeBases_sec1_swiper-pagination threeBases_sec_swiper-pagination"></div>
                    </div>
                </div>
                <div class="threeBases_sec1_box_container clearfix">
                    <div class="threeBases_sec1_box_title">
                        <h6>Hai Ning</h6>
                        <p>海宁基地</p>
                        <div class="line"></div>
                    </div>
                    <div class="threeBases_sec1_box_content">
                        <div class="swiper-container threeBases_sec1_swiper2 threeBases_sec_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img03.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img02.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img03.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="threeBases_sec1_box_container clearfix">
                    <div class="threeBases_sec1_box_title">
                        <h6>Da Feng</h6>
                        <p>大丰基地</p>
                        <div class="line"></div>
                    </div>
                    <div class="threeBases_sec1_box_content">
                        <div class="swiper-container threeBases_sec1_swiper3 threeBases_sec_swiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img02.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img01.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="threeBases_sec1_img">
                                        <img src="images/threeBases_img02.jpg" alt="" width="100%" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--  / warpper  -->
    <!--  / footer  -->
    <div class="footer hidden-xs">
        <div class="footerwarp">
            <div class="footernav">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6">
                        <ul class="clearfix">
                            <li><a href="index.html">首页</a></li>
                            <li><a href="about.html">关于我们</a></li>
                            <li><a href="product.html">产品与服务</a></li>
                            <li><a href="develop.html">可持续发展</a></li>
                            <li><a href="resources.html">投资者关系</a></li>
                            <li><a href="culture.html">人力资源</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6">
                        <div class="footer-zx">
                            <div class="footer-phone"><img src="images/mail.png">marketing@byzjbyq.com</div>
                            <a href="javascript:;">
              <img src="images/zxkf.png" alt="">
              <span>咨询在线客服</span>
            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footercopy">
                <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-6">
                        <div class="footerlogo">
                            <img src="images/logo.png" alt="">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6">
                        <div class="copy hidden-xs">Copyright 2018 © <span>兄弟科技</span> All Rights Reserved.</div>
                        <div class="copy visible-xs">Copyright 2018 © <span>兄弟科技</span></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer visible-xs">
        <div class="copy visible-xs">Copyright 2018 © <span>兄弟科技</span></div>
    </div>
    <!--  / footer  -->
</body>
<script>
$(function() {
    $(".header_bot > ul > li").on('mouseenter', function() {
        $(this).find('.nav_list').stop(true).slideDown(400)
    })

    $(".header_bot > ul > li").on('mouseleave', function() {
        $(this).find('.nav_list').stop(true).slideUp(400)
    })
    if ($(window).width() < 768) {
        var threeBases_sec1_swiper = new Swiper('.threeBases_sec1_swiper', {
            autoplay: 5000,
            speed: 500,
            loop: true,
            slidesPerView: 1,
            centeredSlides: true,
            spaceBetween: 0,
        });
        var threeBases_sec1_swiper = new Swiper('.threeBases_sec1_swiper2', {
            autoplay: 5000,
            speed: 500,
            loop: true,
            slidesPerView: 1,
            centeredSlides: true,
            spaceBetween: 0,
        });
        var threeBases_sec1_swiper = new Swiper('.threeBases_sec1_swiper3', {
            autoplay: 5000,
            speed: 500,
            loop: true,
            slidesPerView: 1,
            centeredSlides: true,
            spaceBetween: 0,
        });
    }




    if ($(window).width() > 768) {
        var threeBases_sec1_swiper = new Swiper('.threeBases_sec1_swiper', {
            autoplay: 5000,
            speed: 500,
            loop: true,
            slidesPerView: 'auto',
            centeredSlides: true,
            spaceBetween: 20,
            prevButton: '.threeBases_sec1_swiper_prev',
            nextButton: '.threeBases_sec1_swiper_next',
            pagination: '.threeBases_sec1_swiper-pagination',
            autoplayDisableOnInteraction: false,
            paginationClickable: true,
        })

        $('.threeBases_sec1_swiper_prev').on('click', function(e) {
            e.preventDefault()
            threeBases_sec1_swiper.swipePrev()
        })

        $('.threeBases_sec1_swiper_next').on('click', function(e) {
            e.preventDefault()
            threeBases_sec1_swiper.swipeNext()
        })
        $('body').on('click', '.threeBases_sec1_list li', function() {
            $(this).addClass('active').siblings().removeClass('active')
            $('.threeBases_con .threeBases_content').eq($(this).index()).addClass('active').siblings().removeClass('active')
            $('.threeBases_sec1_list li').children('.line').slideUp()
            $(this).children('.line').slideDown()

            if ($(this).index() == 1) {
                var threeBases_sec1_swiper2 = new Swiper('.threeBases_sec1_swiper2', {
                    autoplay: 5000,
                    speed: 500,
                    loop: true,
                    slidesPerView: 'auto',
                    centeredSlides: true,
                    spaceBetween: 20,
                    prevButton: '.threeBases_sec1_swiper_prev2',
                    nextButton: '.threeBases_sec1_swiper_next2',
                    pagination: '.threeBases_sec1_swiper-pagination2',
                    autoplayDisableOnInteraction: false,
                    paginationClickable: true,
                })

                $('.threeBases_sec1_swiper_prev2').on('click', function(e) {
                    e.preventDefault()
                    threeBases_sec1_swiper2.swipePrev()
                })

                $('.threeBases_sec1_swiper_next2').on('click', function(e) {
                    e.preventDefault()
                    threeBases_sec1_swiper2.swipeNext()
                })
            } else if ($(this).index() == 2) {
                var threeBases_sec1_swiper3 = new Swiper('.threeBases_sec1_swiper3', {
                    autoplay: 5000,
                    speed: 500,
                    loop: true,
                    slidesPerView: 'auto',
                    centeredSlides: true,
                    spaceBetween: 20,
                    prevButton: '.threeBases_sec1_swiper_prev3',
                    nextButton: '.threeBases_sec1_swiper_next3',
                    pagination: '.threeBases_sec1_swiper-pagination3',
                    autoplayDisableOnInteraction: false,
                    paginationClickable: true,
                })

                $('.threeBases_sec1_swiper_prev3').on('click', function(e) {
                    e.preventDefault()
                    threeBases_sec1_swiper3.swipePrev()
                })

                $('.threeBases_sec1_swiper_next3').on('click', function(e) {
                    e.preventDefault()
                    threeBases_sec1_swiper3.swipeNext()
                })
            }
        })
    }

})

$(window).load(function() {
    /*锚点缓动*/
    $("html,body").animate({ scrollTop: 0 }, 0)
    var url = window.location.toString();
    var id = url.split("#")[1];
    if (id && id != "") {
        if ($("#" + id).length > 0) {
            var t = $("#" + id).offset().top - 150;
            $("html,body").animate({ scrollTop: t }, 1000)
        }
    }

    $('a').click(function() {
        if ($(this).attr("href") && $(this).attr("href").split("#")[1]) {
            var a = $(this).attr("href").split("#")[1];
            var p = $("#" + a).offset().top - 150;
            $("html,body").animate({ scrollTop: p }, 1000);
        }
    })

    $('.threeBases_sec1_box').height($('.threeBases_sec1_list').height() + ($('.threeBases_con .threeBases_content.active').height() / 2))
})

$(window).resize(function() {
    $('.threeBases_sec1_box').height($('.threeBases_sec1_list').height() + ($('.threeBases_con .threeBases_content.active').height() / 2))
})

setTimeout(function() {
    $('.banner').addClass('active')
}, 300)
$(window).scroll(function() {
    var h = $(window).scrollTop()
    if (h > $('.header_top').outerHeight(true)) {
        $('.header_top').stop().slideUp()

    } else {
        $('.header_top').stop().slideDown()
    }
})
</script>

</html>